<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>定于前端</title>
    <link rel="stylesheet" href="../css/commen.css">
    <link rel="stylesheet" href="../css/learn-out.css">
    <script src="../Js/move.js"></script>
</head>
<body>
    
    <nav>  
        
        <div>
            <a href=".././img/me.jpg">
            <img src=".././img/me.jpg" alt="这是我的头像" title="此图是吾一友所作"  class="circle" >
            </a>
            <h1>我与微光</h1>
        </div>
        <ul>
            <li><a href="beginning.html"><strong>前言</strong></a></li>
            
            <li><a href="article1.html"><strong>自我简介</strong></a></li>
            
            <li><a href="article2.html"><strong>辗转反侧</strong></a></li>
            
            <li><a href="article3.html"><strong>初闻微光</strong></a></li>
            
            <li><a href="article4.html"><strong>定于前端</strong></a></li>
            
            <li><a href="article5.html"><strong>微光之旅</strong></a></li>
            
            <li><a href="article6.html"><strong>梦归来兮</strong></a></li>

            <li><a href="article7.html"><strong>后记</strong></a></li>
        </ul>
        <div id="process">
            <a href="process.html">blog制作历程</a>
        </div>
    </nav>

    <div class="article">
        <header>
            <h1>定于前端</h1>
        </header>
        <article>
            <h3 id="为何前端">
                定于前端
            </h3>
            <p>
                其实，在我选择前端之前，我也曾尝试了各条道路，此在前文已经阐明，在本文中不再赘述。
            </p>
            <p>
                而我最终决定选择走前端道路，也有不少原因。
            </p>
            <p>
                一、我如前文所言，我喜欢展现自我，但又难以克服在公众讲话的紧张。
                而前端便能在展现自我的道路上，规避这一问题。
            </p>
            <p>
                二、我希望我能在这编程学习道路上，能保留些成品，以此激励我继续前行。
                而前端的网页设计便能很好的将我的成果保留下来。
            </p>
            <p>
                三、我也许不是学习文学的料，但终是有些“附庸风雅”。
                我也希望我在前端的学习能锻炼我的审美能力。
            </p>
        </article>
    </div>


    <div class="menu">
        <div class="tool">
            <ul>
                <li><a href="#为何前端"><b>定于前端</b></a></li>
            </ul>
        </div>
    </div>
    
</body>
</html>